<html>
<head>
  <title>Billiards ThreeJS viewer</title>
  <style>
    body {
      background: #000000;
    }
  </style>
  <script src="js/three.min.js"></script>
</head>
<body>

<script src="demo.js">
</script>

<script>
function buttonGO () {
  billiardsDemo (document.DemoForm.DEMO_TYPE.value);
}
</script>
<form name="DemoForm" action="">
<select name="DEMO_TYPE">
  <option value="SYNCHRONOUS">Synchronous Simulation</option>
  <option value="ASYNC_SERIAL">Event-based Serial</option>
  <option value="ASYNC_PARALLEL">Event-based Parallel</option>
</select>
<input type="button" value="Go" onclick="return buttonGO ();"> </input>
</form>

<div id="RenderSpace">
  <script>
    initRenderer (document.getElementById ("RenderSpace"));
  </script>
</div>

</body>
</html>
